<div class="header-container">
    <!--background-image: url('assets/img/1.png')-->
    <img src="assets/img/coffee1.jpg" class="header-img">
    <span class="header-name">{{groupList.campName}}</span>
    <div class="header-text">
        <span>累计活动 <span class="header-act-num">{{groupList.campTotalAct}}</span>场</span>
        &nbsp;&nbsp;<span>累计活动金额<span class="header-act-num">{{groupList.campTotalActMoney}}</span>元</span>

    </div>
</div>

<div>
    <nz-card>
        <div class="base-info">
        <div class="base-info-left">{{groupList.introduce}}</div>
        <div class="base-info-right">
            <span class="base-info-title">基本信息</span>
            <div class="base-info-right-list">
                <span>所在学校</span>
                <span class="base-info-right-text">{{groupList.univName}}</span>
            </div>
            <div class="base-info-right-list">
                <span>社团类型</span>
                <span class="base-info-right-text">{{groupList.campusType}}</span>
            </div>
            <div class="base-info-right-list">
                <span>社团性质</span>
                <span class="base-info-right-text">{{groupList.campusLevel}}</span>
            </div>
            <div class="base-info-right-list">
                <span>社团规模</span>
                <span class="base-info-right-text">{{groupList.campusScale}}</span>
            </div>
        </div>

        </div>
    </nz-card>
</div>

<div class="member-container">
    <div class="member-container-left">
        <span>社团活动</span>
        <nz-card >
           <div *ngFor="let act of activityList">
               <nz-card>
                 <span [routerLink]="['/activity/detail-acti',act.activityId]">{{act.activityName}}</span>
               </nz-card>
           </div>
        </nz-card>

        <span>社团成员</span>
        <nz-card >
            <div class="member-list">
           <div *ngFor="let stu of studentList"  >

               <div class="member-list-every">
                   <div class="member-img-list">
                       <a [routerLink]="['/campus/member-detail',stu.studentId]">  <img src="assets/img/coffee1.jpg" class="container-img"> </a>
                   </div>

                   <div class="container-count">
                       <span >{{stu.studentName}} </span>
                       <!--<div> &nbsp;&nbsp; {{i.campus.length}} 个社团 </div>-->
                   </div>
               </div>

           </div>
            </div>
        </nz-card>

    </div>
    <div style="width: 28%; padding-left: 2rem">
        <nz-carousel nzAutoPlay>
            <img nz-carousel-content [src]="slide.image" *ngFor="let slide of slides">
        </nz-carousel>

        <nz-card>
            <nz-header> 同校其他社团</nz-header>
            <ul style="display: flex;flex-wrap: wrap">


                <li *ngFor="let pre of otherCampList;" style="width: 50%;">
                    <div style="display: flex;flex-direction: column">
                        <a [routerLink]="['/campus/group-detail' ,pre.campId]"> <img src="assets/img/1.png" style="border-radius : 90%"></a>
                        <span style="justify-content: center" [routerLink]="['/campus/group-detail' ,pre.campId]">{{pre.campusName}}</span>
                    </div>
                </li>

            </ul>
        </nz-card>

    </div>
</div>
